<template>
    <div class="main main_bg" :style="$store.state.isApp?'paddingTop:.2rem':'paddingTop:1.1rem'">
      <gltitle :titleSize="titleSize" :is_mt="is_mt" v-if="!$store.state.isApp" ></gltitle>
      <div class="container">
        <div class="boxshadow so">
          <div class="db">
            <div class="flex">
              <input type="text" name="" v-model="userId" :placeholder="$t('staff.doc22')">
            </div>
            <div class="str" @click="so()">{{$t('staff.doc23')}}</div>
          </div>
        </div>

        <div class="boxshadow" v-if="datainfo !== ''">
          <div class="list">
            <ul class="wrap bet">
              <li class="name">{{$t('staff.doc24')}}</li>
              <li class="str">{{datainfo.userId}}</li>
              <li class="name">{{$t('staff.doc25')}}</li>
              <li class="str">{{datainfo.mobile}}</li>
              <li class="name">{{$t('staff.doc26')}}</li>
              <li class="str">{{datainfo.email}}</li>
              <li class="name">{{$t('staff.doc27')}}</li>
              <li class="str">{{datainfo.rechargeAmount}} USDT</li>
              <li class="name">{{$t('staff.doc28')}}</li>
              <li class="str">{{datainfo.withdrawAmount}} USDT</li>
              <li class="name">{{$t('staff.doc29')}}</li>
              <li class="str">{{datainfo.minerQuantity}} {{$t('staff.doc30')}}</li>

              <div v-for="(item,k) in datainfo.item" :key="k" class="wrap bet">
                  <li class="name">{{item.coinName}}{{$t('staff.doc31')}}</li>
                  <li class="str">{{item.hashRate}}{{item.hashRateUnit}}</li>
              </div>

              <li class="name">{{$t('staff.doc32')}}</li>
              <li class="str">{{datainfo.currentAmount}} USDT</li>
              <li class="name">{{$t('staff.doc33')}}</li>
              <li class="str">{{datainfo.regularAmount}} USDT</li>
            </ul>
          </div>
        </div>
        <div class="rel" v-else>
          <div class="empty">
            <img src="../../assets/images/none2.png" alt="">
            <span class="c-999">{{$t('toast.no_data')}}</span>
          </div>
        </div>
      </div>
    </div>
</template>
<script>


  export default {
  data(){
    return {
      it:0,
      if_check:false,
      titleSize:this.$t('staff.doc2'),
      is_mt:true,
      // titleRight: "<img src=" + require("../../public/images/ico_10_10.png") + ">"
      datainfo:'',
      userId:''

    }
  },

    created() {
    },
    mounted() {


    },
    methods: {
      getinfo(){
        this.$post(this.URL.staff.info,{
          userId:this.userId
        }).then((res) => {
          if (res.code == 0) {
            this.datainfo = res.data;
          }else{
            this.datainfo = ''
            this.$toast(res.message);
          }
        });
      },
      so(){
        this.getinfo()
      }

    },


}

</script>


<style lang="less" scoped>
  #app {
    .container {
      padding: 0 .2rem;
      .boxshadow {
        overflow: hidden;
      }
      .so {
        height: .7rem;
        line-height: .7rem;
        background: none;
        padding-right: .1rem;
        margin-bottom: .4rem;
        .flex {
          background: #ffffff;
          border-radius: .12rem;
          padding: 0 .2rem;
          margin-right: .3rem;
        }
        .str {
          font-size: .3rem;
        }
        input {
          width: calc(100% - .4rem);
          height: .68rem;border:0;
          font-size: .28rem;
          background: url(../../assets/images/so.png) no-repeat 0 center;background-size: .26rem auto;
          padding-left: .4rem;
        }
        input::placeholder {
          color: rgba(206, 206, 206, 1) !important;
        }
      }
      .list {
        line-height: .7rem;
        .wrap {
          width: 100%;
        }
        li {
          padding: 0 .2rem;
          text-align: center;
          font-size: .26rem;
          color: #333;
        }
        .name {
          width: 2.9rem;
          background: #f7faff;
        }
        .str {
          width: 3.99rem;
        }
      }
    }
  }
</style>
